/* animate all responsive changes except for swipe-pages */
*:not(.swipe-page) {
    -webkit-transition: all .3s ease-in-out;
}

.search-result,
li:hover {
    -webkit-transition: none !important;
}

/* menu buttons fade slowly when clicked*/
.menu-btn i {
    -webkit-transition: color .1s fadeIn;
}

/* animate resizable panels */
#messages-window {
    transition: width .5s ease-in-out, transform .2s ease-in-out;
    -moz-transition: width .5s ease-in-out, -moz-transform .2s ease-in-out;
    -webkit-transition: width .5s ease-in-out, -webkit-transform .2s ease-in-out;
    -o-transition: width .5s ease-in-out, -o-transform .2s ease-in-out;
}

/*
* @group Panel Animations
*/

.stage-animation {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;

}

.stage-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.stage-right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

}

.up-stage {
    -webkit-transform: translateY(-1024px);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    border-bottom: solid rgb(81, 153, 201) 10px !important;
}

.down-stage {
    position: absolute;
    -webkit-transform: translateY(1024px);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

/* @end */

/*
 * @group Rotate Animation
 */

.in .anim-rotate {
    -webkit-animation: anim-rotate 1s linear infinite;
    -moz-animation: anim-rotate 1s linear infinite;
    -ms-animation: anim-rotate 1s linear infinite;
    line-height: 1;
    display: inline-block;
    font-size: 65px;
}

@-webkit-keyframes anim-rotate {
0% {
-webkit-transform:rotate(0)
}

25% {
-webkit-transform:rotate(90deg)
}


50% {
-webkit-transform:rotate(90deg)
}


75% {
-webkit-transform:rotate(90deg)
}

99.9999% {
-webkit-transform:rotate(90deg)
}

}
@-moz-keyframes anim-rotate {
0% {
-moz-transform:rotate(0)
}
12.4999% {
-moz-transform:rotate(0)
}
12.5% {
-moz-transform:rotate(45deg)
}
24.9999% {
-moz-transform:rotate(45deg)
}
25% {
-moz-transform:rotate(90deg)
}
37.4999% {
-moz-transform:rotate(90deg)
}
37.5% {
-moz-transform:rotate(135deg)
}
49.9999% {
-moz-transform:rotate(135deg)
}
50% {
-moz-transform:rotate(180deg)
}
62.4999% {
-moz-transform:rotate(180deg)
}
62.5% {
-moz-transform:rotate(225deg)
}
74.9999% {
-moz-transform:rotate(225deg)
}
75% {
-moz-transform:rotate(270deg)
}
87.4999% {
-moz-transform:rotate(270deg)
}
87.5% {
-moz-transform:rotate(315deg)
}
99.9999% {
-moz-transform:rotate(315deg)
}
}
@-ms-keyframes anim-rotate {
0% {
-ms-transform:rotate(0)
}
12.4999% {
-ms-transform:rotate(0)
}
12.5% {
-ms-transform:rotate(45deg)
}
24.9999% {
-ms-transform:rotate(45deg)
}
25% {
-ms-transform:rotate(90deg)
}
37.4999% {
-ms-transform:rotate(90deg)
}
37.5% {
-ms-transform:rotate(135deg)
}
49.9999% {
-ms-transform:rotate(135deg)
}
50% {
-ms-transform:rotate(180deg)
}
62.4999% {
-ms-transform:rotate(180deg)
}
62.5% {
-ms-transform:rotate(225deg)
}
74.9999% {
-ms-transform:rotate(225deg)
}
75% {
-ms-transform:rotate(270deg)
}
87.4999% {
-ms-transform:rotate(270deg)
}
87.5% {
-ms-transform:rotate(315deg)
}
99.9999% {
-ms-transform:rotate(315deg)
}
}

/* @end */
